﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>金钱豹车辆管理系统--车辆管理系统_车辆财务管理软件-金钱豹软件</title>
    <meta name="keywords" content="车辆信息管理系统,车辆管理软件,车辆信息管理软件" />
<meta name="description" content="金钱豹软件专注于车辆信息管理系统的研发,车辆管理软件功能包括车辆档案,加油维修,年检保险，车辆事故，配件购买，车辆财务报表等全套车辆管理,选车辆信息管理软件就找金钱豹车辆管理软件!" />
    <link href="style/home.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="js/home_JScript.js" type="text/javascript"></script>
</head>
<body class="bodynomal">
    <form id="form1" runat="server">
    <div class="topbar">
    </div>
    <div class="header">
        <div class="header_logo" title="金钱豹汽车管理系统">
        </div>
        <div class="menu" id="mainMenu">
            <ul>
                <li class="btn"><a href="index.htm" class="menu_btn_off menu_btn_on_1"><span>首页 </span><strong></strong></a></li>
                <li class="btn"><a href="about.htm" class="menu_btn_off "><span>关于我们 </span><em></em></a></li>
                <li class="btn"><a href="help.htm" class="menu_btn_off"><span>帮助中心 </span><em></em></a></li>
                <li class="btn"><a href="../../index.htm" class="menu_btn_off"><span>返回主页</span><em></em></a></li>
            </ul>
        </div>
        <div class="clear">  	
        </div>
    </div>
    <div class="maini">
        <div class="mainBoxTrans">
            <div class="mainBox clearfix">
                <div class="showCon clearfix" style="position: relative;">
                    <div class="overCon clearfix" id="MainNav" style="height: 940px; position: absolute;
                        top: 0px;">
                        <div class="container" id="idTransformView">
                            <ul class="slider" id="idSlider">
                                <li><a href="#">
                                    <img src="./images/index_mainbox_bg1.jpg" alt="img1" border="0" /></a></li>
                                <li><a href="#">
                                    <img src="./images/index_mainbox_bg2.jpg" alt="img2" border="0" /></a></li>
                                <li><a href="#">
                                    <img src="./images/index_mainbox_bg3.jpg" alt="img3" border="0" /></a></li>
                            </ul>
                            <ul class="num" id="idNum">
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="linktologin">
                    <span> <input type="file" name="file" id="linktologin_file" onchange="file_click()" /><a onclick="linktologin_a()">&nbsp 手机端下载</a></span>
                    <span>&nbsp|&nbsp</span>
                    <span><a href="../../Home/Login" id="linktologin_login">登录系统</a></span>
                    <span>&nbsp|&nbsp</span>
                    <span><a href="#" id="linktologin_register">申请账号</a></span>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="yuyulogo">
        </div>
        <div class="info">
            <div class="menu clearfix">
                <a href="about.htm">关于我们</a> <a href="Help.htm">帮助中心</a> <a href="about.htm">团队介绍</a>
                <a href="about.htm">联系我们</a> <a href="Help.htm">用户手册</a><a href="#">试用注册</a>
            </div>
            <div class="copyright">
                www.jinqb.com 2012-2013 All Rights Reserved.
            </div>
            <div class="otherinfo">
                XX网备案:120120120234 闽ICP备110XXXXX号 经营许可证编号：闽ICP备110XXXXX号
            </div>
        </div>
        <div class="weibo">
            <span>关注驭舆：</span> <a href="http://weibo.com/u/2788050372" target="_blank" class="btn_sina">
            </a>
        </div>
    </div>
    </form>

      <script type="text/javascript">

          function linktologin_a() {
              document.getElementById("linktologin_file").click();
         }
          function file_click() {
              var id = document.getElementById("uploadFile");
              var myreg = /(.jpg|.gif|.png|.bmp|.jpeg|.psd|.JPG|.GIF|.PNG|.BMP|.JPEG|.PSD)$/;
              if (!myreg.test(id.value)) {
                  alert("仅支持gif、png、jpg、bmp、jpeg、psd图片文件!");
              }
              else {

                  document.getElementById("Button1").click();
                 window.top.Callback(id.value);
              }
          };
          var _$ = function (id) {
              return "string" == typeof id ? document.getElementById(id) : id;
          };
          var Class = {
              create: function () {
                  return function () {
                      this.initialize.apply(this, arguments);
                  }
              }
          }
          Object.extend = function (destination, source) {
              for (var property in source) {
                  destination[property] = source[property];
              }
              return destination;
          }
          var TransformView = Class.create();
          TransformView.prototype = {
              //容器对象,滑动对象,切换参数,切换数量
              initialize: function (container, slider, parameter, count, options) {
                  if (parameter <= 0 || count <= 0) return;
                  var oContainer = _$(container), oSlider = _$(slider), oThis = this;
                  this.Index = 0; //当前索引	
                  this._timer = null; //定时器
                  this._slider = oSlider; //滑动对象
                  this._parameter = parameter; //切换参数
                  this._count = count || 0; //切换数量
                  this._target = 0; //目标参数	
                  this.SetOptions(options);
                  this.Up = !!this.options.Up;
                  this.Step = Math.abs(this.options.Step);
                  this.Time = Math.abs(this.options.Time);
                  this.Auto = !!this.options.Auto;
                  this.Pause = Math.abs(this.options.Pause);
                  this.onStart = this.options.onStart;
                  this.onFinish = this.options.onFinish;
                  oContainer.style.overflow = "hidden";
                  oContainer.style.position = "relative";
                  oSlider.style.position = "absolute";
                  oSlider.style.top = oSlider.style.left = 0;
              },
              //设置默认属性
              SetOptions: function (options) {
                  this.options = {//默认值
                      Up: true, //是否向上(否则向左)
                      Step: 5, //滑动变化率
                      Time: 10, //滑动延时
                      Auto: true, //是否自动转换
                      Pause: 2000, //停顿时间(Auto为true时有效)
                      onStart: function () { }, //开始转换时执行
                      onFinish: function () { } //完成转换时执行
                  };
                  Object.extend(this.options, options || {});
              },
              //开始切换设置
              Start: function () {
                  if (this.Index < 0) {
                      this.Index = this._count - 1;
                  } else if (this.Index >= this._count) { this.Index = 0; }

                  this._target = -1 * this._parameter * this.Index;
                  this.onStart();
                  this.Move();
              },
              //移动
              Move: function () {
                  clearTimeout(this._timer);
                  var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep(this._target, iNow);

                  if (iStep != 0) {
                      this._slider.style[style] = (iNow + iStep) + "px";
                      this._timer = setTimeout(function () { oThis.Move(); }, this.Time);
                  } else {
                      this._slider.style[style] = this._target + "px";
                      this.onFinish();
                      if (this.Auto) { this._timer = setTimeout(function () { oThis.Index++; oThis.Start(); }, this.Pause); }
                  }
              },
              //获取步长
              GetStep: function (iTarget, iNow) {
                  var iStep = (iTarget - iNow) / this.Step;
                  if (iStep == 0) return 0;
                  if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);
                  return iStep;
              },
              //停止
              Stop: function (iTarget, iNow) {
                  clearTimeout(this._timer);
                  this._slider.style[this.Up ? "top" : "left"] = this._target + "px";
              }
          };
          window.onload = function () {
              function Each(list, fun) {
                  for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
              };
              var objs = _$("idNum").getElementsByTagName("li");

              var tv = new TransformView("idTransformView", "idSlider", 415, 3, {
                  onStart: function () { Each(objs, function (o, i) { o.className = tv.Index == i ? "on" : ""; }) } //按钮样式
              });
              tv.Start();
              Each(objs, function (o, i) {
                  o.onmouseover = function () {
                      o.className = "on";
                      tv.Auto = false;
                      tv.Index = i;
                      tv.Start();
                  }
                  o.onmouseout = function () {
                      o.className = "";
                      tv.Auto = true;
                      tv.Start();
                  }
              })
          }

    </script>
</body>
</html>
